@import "compass/reset";


@mixin border-1px($color){
    position:relative;
    &:after{
        content : "";
        position:absolute;
        left:0;
        bottom:0;
        right:0;
        width:100%;
        height:1px;
        background:$color;
        @media screen and (-webkit-min-device-pixel-ratio: 2){
            transform: scaleY(0.5);
            -webkit-transform: scaleY(0.5);
        }
        @media screen and (-webkit-min-device-pixel-ratio: 3){
            transform: scaleY(0.33333);
            -webkit-transform: scaleY(0.33333);
        }
    }
}

$vw_fontsize : 75;
@function rem($px){
    @return ($px / $vw_fontsize) * 1rem;
}
$vw_design :750;
html{
    font-size : ($vw_fontsize / ($vw_design)) * 100vw;

    @media screen and (max-width:320px){
        font-size : 32px;
    }
    @media screen and (min-width:640px){
        font-size : 64px;
    }
}


html{
    min-height:100%;
    width:100%;
}

body{
    margin:0 auto;
    height:100%;
    min-width:320px;
    max-width:640px;
    -webkit-user-select: none;
}
input , button{border:none; outline:none; background:transparent;}
img{display:block;}











